<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>lhl  AngularJS 路由实例</title>
    <script src="https://cdn.staticfile.org/angular.js/1.7.0/angular.min.js"></script>
    <script src="https://cdn.bootcdn.net/ajax/libs/angular-ui-router/1.0.30/angular-ui-router.min.js"></script>
<!--初 始化app-->
    <script src="js/apps/app.js"></script>
    <!--路由-->
    <script src="js/apps/route.js"></script>
<!--    多控制器-->
    <script src="js/apps/controllers/mainController.js"></script><!--唯一的主控制器-->
    <script src="js/apps/controllers/homeController.js"></script>
    <script src="js/apps/controllers/aboutController.js"></script>


</head>
 <!--class="ng-scope" 是angular的内置样式  注意不能覆盖 注意不能覆盖  注意不能覆盖  -->
<body ng-app="app_demo" >
<!--
<script type="text/ng-template" id="embedded.home.html">
    <h1> Home </h1>
</script>

<script type="text/ng-template" id="embedded.about.html">
    <h1> About </h1>
</script>
-->

<h1>index页面</h1>
<div style="width: 80%; float: right;background-color: #C0C0C0;">


<!--承接路由页面的容器-->
    <div ui-view></div>

</div>
</body>
</html>